<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>统计</title>
    <!-- 引入jquery -->
    <script src="/jquery2.2.3/jquery.min.js"></script>
    <!-- 引入layui -->
    <link href="/layui-2.8.17/css/layui.css" rel="stylesheet">
    <script src="/layui-2.8.17/layui.js"></script>
    <!--引入时间搜索框daterangepicker-->
    <link href="/daterangepicker-3.1/daterangepicker.css" rel="stylesheet">
    <script src="/daterangepicker-3.1/moment.min.js"></script>
    <script src="/daterangepicker-3.1/daterangepicker.js"></script>
    <!-- 引入bootstrap -->
    <link href="/bootstrap-3.4.1/css/bootstrap.css" rel="stylesheet">
    <script src="/bootstrap-3.4.1/js/bootstrap.js"></script>
    <!--引入bootstra-table-->
    <link href="/bootstrap-table-1.11.1/bootstrap-table.css" rel="stylesheet">
    <script src="/bootstrap-table-1.11.1/bootstrap-table.js"></script>
    <!-- 引入bootstra-table中文语言包 -->
    <script src="/bootstrap-table-1.11.1/locale/bootstrap-table-zh-CN.js"></script>
    <!--引入bootstrap-select-->
    <link href="/bootstrap-select-1.13.0/dist/css/bootstrap-select.min.css" rel="stylesheet">
    <script src="/bootstrap-select-1.13.0/js/bootstrap-select.js"></script>
</head>
<body>
<div class="container-fluid">
    <!--搜索框-->

    <div class="form-group">
        <label class="col-sm-2 control-label" for="search-goodsName">商品名称</label>
        <div class="col-sm-4">
            <input class="form-control well" id="search-goodsName" name="search-goodsName" type="text"/>
        </div>
    </div>
    <div class="form-group">
        <label class="col-sm-2 control-label" for="search-supplierOrShopName">供应商或店铺名称</label>
        <div class="col-sm-4">
            <input class="form-control well" id="search-supplierOrShopName" name="search-supplierOrShopName"
                   type="text"/>
        </div>
    </div>
    <div class="form-group">
        <label for="search-startAndEndTime" class="col-sm-2 control-label">时间范围</label>
        <div class="col-sm-4">
            <input type="text" id="search-startAndEndTime" name="search-startAndEndTime" class="form-control well"/>
        </div>
    </div>

    <div class="form-group">
        <label for="search-dateType" class="col-sm-2 control-label">时间类型</label>
        <select id="search-dateType" class="col-sm-2 selectpicker">
            <option value="DATE" selected>日</option>
            <option value="WEEK">周</option>
            <option value="MONTH">月</option>
            <option value="YEAR">年</option>
        </select>
    </div>
    <div class="form-group">
        <label for="search-inOutType" class="col-sm-2 control-label">出入库类型</label>
        <select id="search-inOutType" class="col-sm-2 selectpicker">
            <option value="0" selected>出入库</option>
            <option value="1">入库</option>
            <option value="2">出库</option>
        </select>
    </div>
    <div class="form-group">
        <label for="search-verifiedType" class="col-sm-2 control-label">是否核销</label>
        <select id="search-verifiedType" class="col-sm-2 selectpicker">
            <option value="" selected>全部</option>
            <option value="0">未核销</option>
            <option value="1">已核销</option>
        </select>
    </div>
    <button class="btn btn-primary" id="search" onclick="searchCountOnClick()">查询</button>
    <button type="button" id="reset" class="btn btn-default">重置</button>
    <button class="btn btn-primary" id="export">导出</button>
</div>
<table class="table table-bordered" id="count"></table>
</div>

<script src="/js/count.js"></script>
</body>
</html>
